<style lang="less">

</style>
<template>
  <div class="app-form frame-page form-detail-vue">
    <Form class="info-basic" :label-width="90" mode="single" readonly>
      <FormItem label="ID：">{{data.id}}</FormItem>
<FormItem label="链接：">{{data.uri}}</FormItem>
<FormItem label="文件：">{{data.file}}</FormItem>
<FormItem label="行数：">{{data.line}}</FormItem>
<FormItem label="信息：">{{data.message}}</FormItem>
<FormItem label="已读："><button v-if="data.has_read" type="button" class="h-btn h-btn-text-primary h-btn-no-border"><span>是</span></button>
  <button v-else type="button" class="h-btn h-btn-text-red h-btn-no-border"><span>否</span></button></FormItem>
<FormItem label="详情：">{{data.content}}</FormItem>
<FormItem label="日期：">{{data.created_at}}</FormItem>
    </Form>
  </div>
</template>
<script>
export default {
  props: {
    params: Object,
  },
  data() {
    return {
      data:{}
    };
  },
  mounted(){   
    this.data = this.params;
  },
  methods: {
    
  }
};
</script>
